<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
          name='viewport'/>
    <title>教务综合管理系统</title>
    <link rel="stylesheet" type="text/css" th:href="@{/webjars/bootstrap/3.3.7/css/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/demo.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/ready.css}">
    <script type="text/javascript" th:src="@{/js/Vue.js}"></script>
    <style>
        [v-cloak] {
            display: none !important;
        }

        .mychild>input {
            margin: 5px;
        }

        input,
        textarea {
            border: none;
            width: 100%;
            height: 100%;
            background: rgba(210, 205, 212, 0.45);
            resize: none;
        }
    </style>
</head>
<body>
<div class="wrapper">
    <!--    引入公共页面 public-index。html 的模块-->
    <div th:replace="teacher/public-teacher-index :: header"></div>
    <div th:replace="teacher/public-teacher-index :: left"></div>

    <div class="main-panel">
        <div class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="card" style="width:100%;height:100%;">
                        <div class="card-body" id="app">
                            <table v-show="!ifShow" id="table" style="table-layout:fixed; overflow:hidden;width: 95%" border="1" bgcolor="#fff" cellspacing="0" align="center">
                                <div v-show="!ifShow" align="center" style="font-size: 25px; margin-bottom: 15px;">湖南工业职业技术学院专业技术人员工作量申报/审核表</div>

                                <div v-show="!ifShow" align="center" style="margin-bottom: 15px;">
                                    <input @change="updateWorkload" type="number" v-model="newWorkloadDTO.year" style="width: auto">
                                    年
                                    <select @change="updateWorkload" v-model="newWorkloadDTO.trem">
                                        <option>上</option>
                                        <option>下</option>
                                    </select>
                                    学期
                                    <u>{{workloadDTO.institute}}</u>学院&emsp;&emsp;&emsp;&emsp;
                                    <u>{{workloadDTO.section}}</u>教研室
                                </div>

                                <!--姓名 性别 年龄 职称 职务-->
                                <tr align="center">
                                    <td>姓名</td>
                                    <td colspan="3" >{{teacher.name}}</td>
                                    <td colspan="3">性别</td>
                                    <td colspan="3" >{{teacher.gender}}</td>
                                    <td>年龄</td>
                                    <td colspan="3">
                                        <input v-model="age" type="number">
                                    </td>
                                    <td>职称</td>
                                    <td colspan="3">{{teacher.administrativeduty}}</td>
                                    <td>职务</td>
                                    <td colspan="2">{{teacher.duty}}</td>
                                </tr>

                                <!--工作量计算-->
                                <tr>
                                    <td colspan="21" style="letter-spacing: 20px;font-weight:bold" align="center">
                                        工作量计算（标准课时）
                                    </td>
                                </tr>

                                <!--教学工作量-->
                                <!--理论授课   指导实践课-->
                                <tr align="center">
                                    <td :rowspan="workloadDTO.teachingWork.length+2" class="cell">教<br>学<br>工<br>作<br>量</td>
                                    <td colspan="13">理论授课</td>
                                    <td colspan="7">指导实践课</td>
                                </tr>
                                <!--班级  课程名称  计划课时数  合班课  课外实验  合计  课程设计与大型作业  校内实习实训  校外实习实训  毕业实践  合计 -->
                                <tr align="center">
                                    <td colspan="3">班级</td>
                                    <td colspan="3">课程名称</td>
                                    <td colspan="2">计划课时数</td>
                                    <td colspan="2">合班课</td>
                                    <td>课外实验</td>
                                    <td colspan="2">合计</td>
                                    <td colspan="2">课程设计与大型作业</td>
                                    <td>校内实习实训</td>
                                    <td>校外实习实训</td>
                                    <td colspan="2">毕业实践</td>
                                    <td>合计</td>
                                </tr>
                                <tr align="center" v-for="(i,index) in workloadDTO.teachingWork.length" :key="index">
                                    <td colspan="3">
                                        <textarea v-model="workloadDTO.teachingWork[index].classes" ></textarea>
                                    </td>
                                    <td colspan="3">
                                        <textarea v-model="workloadDTO.teachingWork[index].courseName" ></textarea>
                                    </td>
                                    <td colspan="2">
                                        <textarea v-model="workloadDTO.teachingWork[index].classHourOfPlan" ></textarea>
                                    </td>
                                    <td colspan="2">
                                        <textarea v-model="workloadDTO.teachingWork[index].jojintClass" ></textarea>
                                    </td>
                                    <td>
                                        <textarea v-model="workloadDTO.teachingWork[index].extracurricularExperiment" ></textarea>
                                    </td>
                                    <td colspan="2" :rowspan="workloadDTO.teachingWork.length" v-if="index<1" height="100%">
                                        <input type="number" v-model="workloadDTO.sum1" ></input>
                                    </td>
                                    <td colspan="2">
                                        <textarea v-model="workloadDTO.teachingWork[index].courseDesign" ></textarea>
                                    </td>
                                    <td>
                                        <textarea v-model="workloadDTO.teachingWork[index].on_campusPractice" ></textarea>
                                    </td>
                                    <td>
                                        <textarea v-model="workloadDTO.teachingWork[index].off_campusTraining" ></textarea>
                                    </td>
                                    <td colspan="2">
                                        <textarea v-model="workloadDTO.teachingWork[index].graduationPractice" ></textarea>
                                    </td>
                                    <td :rowspan="workloadDTO.teachingWork.length" v-if="index<1">
                                        <input type="number" v-model="workloadDTO.sum2" ></input>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td></td>
                                    <td colspan="10">
                                        <button @click="add">添加</button>
                                        <button @click="del">删除</button>
                                    </td>
                                    <td>总计</td>
                                    <td colspan="8"></td>
                                    <td>
                                        <input type="number" v-model="workloadDTO.sum1AddSum2" ></input>
                                    </td>
                                </tr>

                                <!--教研科研工作量-->
                                <!--序号  项目名称  项目摘要  项目完成情况  折算标准工作量  项目负责人  合计-->
                                <tr align="center">
                                    <td :rowspan="workloadDTO.tseswdas.length+2">教<br>研<br>科<br>研<br>工<br>作<br>量</td>
                                    <td>序号</td>
                                    <td colspan="5">项目名称</td>
                                    <td colspan="4">项目摘要</td>
                                    <td colspan="3">项目完成情况</td>
                                    <td colspan="3">折算标准工作量</td>
                                    <td colspan="3">项目负责人</td>
                                    <td>合计</td>
                                </tr>
                                <tr align="center" v-for="(i,index) in workloadDTO.tseswdas" :key="index+100">
                                    <td>{{index+1}}</td>
                                    <td colspan="5" height="75px">
                                        <textarea v-model="workloadDTO.tseswdas[index].rsrProjectName" ></textarea>
                                    <td colspan="4" height="75px">
                                        <textarea v-model="workloadDTO.tseswdas[index].rsrProjectBrief" ></textarea>
                                    </td>
                                    <td colspan="3" height="75px">
                                        <textarea v-model="workloadDTO.tseswdas[index].rsrProjectStatus" ></textarea>
                                    </td>
                                    <td colspan="3" height="75px">
                                        <textarea v-model="workloadDTO.tseswdas[index].rsrConversionWorkload" ></textarea>
                                    </td>
                                    <td colspan="3" height="75px">
                                        <textarea v-model="workloadDTO.tseswdas[index].rsrPProjectLeader" ></textarea>
                                    </td>
                                    <td :rowspan="workloadDTO.tseswdas.length+1" v-if="index<1" height="116px">
                                        <input type="number" v-model="workloadDTO.rsrWorkload" ></input>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td colspan="19">
                                        <button @click="add2">添加</button>
                                        <button @click="del2">删除</button>
                                    </td>
                                </tr>

                                <!--补助工作量-->
                                <tr align="center">
                                    <td colspan="2" style="font-weight: bold">补助工作量</td>
                                    <td colspan="5">
                                        <input v-model="workloadDTO.subsidyworkloadDATA.rsrProjectName">
                                    </td>
                                    <td colspan="4">
                                        <input v-model="workloadDTO.subsidyworkloadDATA.rsrProjectBrief">
                                    </td>
                                    <td colspan="3">
                                        <input v-model="workloadDTO.subsidyworkloadDATA.rsrProjectStatus">
                                    </td>
                                    <td colspan="3">
                                        <input v-model="workloadDTO.subsidyworkloadDATA.rsrConversionWorkload">
                                    </td>
                                    <td colspan="3">
                                        <input v-model="workloadDTO.subsidyworkloadDATA.rsrPProjectLeader">
                                    </td>
                                    <td>
                                        <input type="number" v-model="workloadDTO.subsidyworkload">
                                    </td>
                                </tr>

                                <!--共计工作量-->
                                <tr>
                                    <td colspan="20" style="letter-spacing: 20px;font-weight:bold" align="center">
                                        共计工作量
                                    </td>
                                    <td colspan="1" style="letter-spacing: 20px;font-weight:bold" align="center">
                                        <input type="number" v-model="workloadDTO.totalSum">
                                    </td>
                                </tr>

                                <!--教研室审核  系部审核-->
                                <tr align="center">
                                    <td colspan="2">教研室审核</td>
                                    <td colspan="9"><input v-model="workloadDTO.sectionVerify"></td>
                                    <td colspan="2">系部审核</td>
                                    <td colspan="8"><input v-model="workloadDTO.instituteVerify"></td>
                                </tr>


                            </table>

                            <div align="center">
                                <button @click="save">保存</button>
                                <button @click="reset">重置</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" th:src="@{/webjars/jquery/1.9.1/jquery.js}"></script>
<script type="text/javascript" th:src="@{/webjars/bootstrap/3.3.7/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/js/Apexchart.js}"></script>
<script type="text/javascript" th:src="@{/asserts/js/ready.min.js}"></script>
<script type="text/javascript" th:src="@{/js/axios.js}"></script>

<script type="text/javascript" th:src="@{/js/teacher/fillouttable/workloadEdit.js}"></script>
</html>